@import '../../style/color.scss';
@import '../../style/font.scss';

.navigation-container {
  height: 80px;
  background: #FFFFFF;

  .navigation-wrapper {
    margin-bottom: -2px;

    .navigation-item {
      display: inline-block;
      box-sizing: border-box;
      padding: 20px 20px;
      text-align: center;
      font-size: 28px;
      font-family: $regular-font-family;
      color: $un-active-font-color;
    }

    .navigation-item:hover, .selected-navigation-item {
      color: $active-font-color;
      border-bottom: 2px solid $active-font-color;
    }
  }
}
